align-self: flex-start and align-self: flex-end

The "align-self: flex-start;" aligns the flex item at the top of the container.

The "align-self: flex-end;" aligns the flex item at the bottom of the container.

"container">
1
2
3
4

The align-self property overrides the align-items property of the container.